﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <title></title>
    <link href="../../themes/default/pagination.css" rel="stylesheet" />
    <link href="../../themes/default/datagrid.css" rel="stylesheet" />
    <link href="../../themes/default/easyui.css" rel="stylesheet" />
    <link href="../../themes/icon.css" rel="stylesheet" />
    <link href="../../themes/default/linkbutton.css" rel="stylesheet" />
    <script src="../../Script/jquery.min.js"></script>
    <script src="../../Script/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //添加
            $("#add").click(function () {
                $('#dd').dialog({
                    title: '新增店铺',
                    width: 630,
                    height: 400
                }).dialog("setTitle", "新增会员").dialog("open");
                $('#firm1').attr("src", "xinzeng.html");
            })
            //修改
            $("#change").click(function () {
                $('#dd').dialog({
                    title: '修改店铺信息',
                    width: 630,
                    height: 400
                }).dialog("setTitle", "修改店铺信息").dialog("open");
                $('#firm1').attr("src", "tianjia.html");
            })
            //删除
            $("#drop").click(function () {
                $.extend($.messager.defaults, {
                    ok: "确定",
                    cancel: "取消"
                });
                $.messager.confirm('确认', '您确认想要删除记录吗？', function (r) {
                    if (r) {
                        alert('确认删除');
                    }
                });
            })
            //分配
            $("#people").click(function () {
                $('#dd').dialog({
                    title: '修改店铺信息',
                    width: 630,
                    height: 400
                }).dialog("setTitle", "分配管理员").dialog("open");
                $('#firm1').attr("src", "fenpei.html");
            })

        })
    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',title:'首页',split:true" style="height:100px;"></div>


    <!--底部-->
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;">

    </div>



    <!--左侧-->

    <div data-options="region:'west',title:'菜单导航',split:true" style="width:200px;">
        <div id="aa" class="easyui-accordion" style="width:180px;height:500px;">
            <div title="系统管理" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
                <ul class="menu">
                    <li><img src="../../icons/icon1.gif" />店铺管理</li>
                    <li><img src="../../icons/icon1.gif" />会员等级管理</li>
                </ul>
            </div>
        </div>
    </div>

    <!--中间内容-->
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;">
        <div class="easyui-tabs" style="width:800px;height:400px">
            <div title="店铺管理" data-options="iconCls:'icon-ok',closable:true" style="padding:10px">
                <ul>
                    <li>
                        <a id="add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
                        <a id="change" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
                        <a id="drop" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
                        <a id="people" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">分配管理员</a>
                    </li>
                    <li>
                        店铺名称:<input id="txtU_LoginName" type="tel" />
                        联系人:  <input id="txtU_RealName" type="tel" />
                        店铺地址:<input id="txtU_Telephone" type="tel" />
                        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
                    </li>
                </ul>
                <table class="easyui-datagrid" style="height:230px" id="tb">
                    <thead>
                        <tr>
                            <th data-options="field:'店铺编号',width:80,halign:'center'">店铺编号</th>
                            <th data-options="field:'店铺名称',width:100,halign:'center'">店铺名称</th>
                            <th data-options="field:'店铺类型',width:80,align:'right',halign:'center'">店铺类型</th>
                            <th data-options="field:'联系人',width:80,align:'right',halign:'center'">联系人</th>
                            <th data-options="field:'联系电话',width:250,halign:'center'">联系电话</th>
                            <th data-options="field:'地址',width:190,align:'center',halign:'center'">地址</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>光谷天地店</td>
                            <td>加盟店</td>
                            <td>李莉</td>
                            <td>13867895638</td>
                            <td>湖北省武汉市洪山区大道</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>锦绣龙城店</td>
                            <td>加盟店</td>
                            <td>吴秀波</td>
                            <td>13987256459</td>
                            <td>湖北省武汉市洪山区龙城路</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>意大利风情街店</td>
                            <td>自营店</td>
                            <td>阿祥</td>
                            <td>13878965412</td>
                            <td>意大利风情街D栋103号</td>
                        </tr>
                    </tbody>
                </table>
                <!--分页-->
                <div id="pp" class="easyui-pagination" data-options="total:2000,pageSize:10" style="background:#efefef;border:1px solid #ccc;"></div>
            </div>
            <!--会员管理-->
            <div title="会员等级管理" data-options="iconCls:'icon-ok',closable:true" style="padding:10px">
                <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul>
            </div>
            <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
                This is the help content.
            </div>
        </div>

    </div>


    <div id="dd" title="My Dialog" style="width:400px;height:200px;"
         data-options="iconCls:'icon-save',resizable:true,modal:true">
        <iframe id="firm1" width="99%" height="99%" frameborder="0"></iframe>
    </div>

</body>   
</html>
